<script>
import {defineComponent} from 'vue'

export default defineComponent({
  name: "ActTime",
  props: {
    time1: String,
    time2: String
  }
})
</script>

<template>
  <div class="act-time-div">
    <div class="act-time-left-div">
      时间
    </div>
    <div class="act-time-right-div">
      {{time1}} —— {{time2}}
    </div>
  </div>
</template>

<style scoped lang="less">
@import "@/assets/style/less/all.less";
.act-time-div{
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: space-between;
  >.act-time-right-div{
    margin-left: 10px;
    font-size: 14px;
    line-height: 14px;
    text-align: left;
    color: @sta_color;
  }
  
}
</style>